<!DOCTYPE html>
<html dir="ltr" lang="vi">
<head>
<meta charset="UTF-8" />
<title>2F Card</title>
<meta name="description" content="2F Card" />
<meta name="viewport" content="width=device-width" />
<link href="images/logo.ico" rel="icon" />

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/cssreset.css">

<script src="js/modernizr.foundation.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/2f-font_700.font.js"></script>


  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/zepto' : 'js/jquery') +
  '.js><\/script>')
  </script>
	<script src="js/jquery.js"></script>
	<script>
		$.noConflict();
	</script>
	


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=274952269246517";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</head>
<body>
<div id="very_top">
<div id="slide_bar">
</div>
</div>
<div id="header" class="row">
	<div class="show-for-small">
		<div id="mobile_categories" class="large-12 columns">
			<div id="menu-navigator">Danh mục</div>
			
			<script>
				$(document).ready(function() {
					$('#menu-navigator').click(function() {
						$('#mobile_categories ul').toggleClass('hide');
					});
				});
			</script>
			<ul class="cufont-menu hide">
				<li><a href="./">Trang chủ</a></li>
				<li><a href="./about.php">Thẻ 2F</a></li>
				<li><a href="./search.php">Địa điểm</a></li>
				<li><a href="./blog.php">2F Blog</a></li>
				<li><a href="./newsnevent.php">Tin tức & Sự kiện</a></li>
				<li><a href="./contact.php">Liên hệ</a></li>
			</ul>
		</div>
	</div>
	<div class="hide-for-small">
		<div id="logo" class="large-2 columns">
			<a href="./"><img src="images/logo.png"/></a>
		</div>
		<div id="categories" class="large-8 columns">
			<ul class="cufont">
				<li class="selected"><a href="./">Trang chủ</a></li>
				<li><a href="./about.php">Thẻ 2F</a></li>
				<li><a href="./search.php">Địa điểm</a></li>
				<li><a href="./blog.php">2F Blog</a></li>
				<li><a href="./newsnevent.php">Tin tức & Sự kiện</a></li>
				<li><a href="./contact.php">Liên hệ</a></li>
			</ul>
		</div>
		<script>
			Cufon.replace('.cufont');
			Cufon.replace('.cufont-menu',{
				hover: { color: '#f283ae'}
			});
			Cufon.replace('.cufont-menu li.selected',{
				color: '#f283ae'
			});
			
			function moveColorNavBar(obj) {
				$('#slide_bar').animate({'left': obj.offset().left + 7, 'width': obj.width()}, 200, "linear");
				
			}
			$(window).resize(function() {
				moveColorNavBar($('#categories li').first()); //TODO: change
			});
			$(document).ready(function() {
				moveColorNavBar($('#categories li').first());
				$('#categories li').mouseover(function() {
					moveColorNavBar($(this));
				}).mouseleave(function() {
					moveColorNavBar($('#categories li').first()); //TODO: change					
					Cufon.replace('.cufont-menu li.selected',{
						color: '#f283ae'
					});
				});
			});
		</script>
		<div id="social_likes" class="large-2 columns">

		
			<p><iframe scrolling="no" frameborder="0" allowtransparency="true" 
			style="border:none; overflow:hidden; width:100%; height:25px; float:left; margin-right:10px;" 
			src="http://www.facebook.com/plugins/like.php?href=http://2f.com.vn&amp;layout=button_count&amp;show_faces=false&amp;width=130&amp;action=like&amp;colorscheme=light&amp;height=21"></iframe>
			</p>

			
			<p>
			<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
			<div class="g-plusone"></div>
			</p>

			
		</div>
		
	</div>
</div>